body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; color: #333; margin: 0; padding: 0; }
img { vertical-align: middle; border: medium none; }
table { border-collapse: collapse; border-spacing: 0; }
table td { vertical-align: middle; text-align: left; }
blockquote, q { margin: 0 0 18px 18px; color: #666; font-style: italic; quotes: "" ""; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }
/* Link
----------------------------------------------------------*/
a { color: #21759B; outline: medium none; text-decoration: none; }
a:link, a:visited { color: #21759B; }
a:hover, a:focus { color: #D54E21; text-decoration: none; }
a:active { color: #12eb87; }
a img, a:active img, a:link img, a:visited img { border: medium none; }
/* Headings
----------------------------------------------------------*/
h1 { margin: .825em 0 .5em 0; font-size: 2.125em; }
h2 { margin: .825em 0 .5em 0; font-size: 1.75em; }
h3 { margin: .825em 0 .5em 0; font-size: 1.5em; }
h4 { margin: .825em 0 .5em 0; font-size: 1.25em; }
h5 { margin: .825em 0 .5em 0; font-size: 1.125em; }
h6 { margin: .825em 0 .5em 0; font-size: 1em; }
/* Class common
----------------------------------------------------------*/
.ns { -moz-user-select: none; -webkit-user-select: none; user-select: none; }
.rs { margin: 0; padding: 0; }
ul.rs { list-style-type: none; }
.pointer { cursor: pointer; }
.error { color: #ff0000; }
.hide { display: none; }
.block { display: block; }
.inline { display: inline; }
.inline-block { display: inline-block; }
.right { text-align: right; }
.center { text-align: center; }
.fleft { float: left; }
.fright { float: right; }
.load { cursor: progress; }
.relative { position: relative; }
.opaque { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
.clearfix { display: block; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
/* Text
----------------------------------------------------------*/
.bold { font-weight: bold; }
.arial { font-family: Arial, Helvetica, sans-serif; }
.tahoma { font-family: Tahoma, Helvetica, sans-serif; }
.verdana { font-family: Verdana, Tahoma, Helvetica, Arial; }
/* Form Layout Elements
----------------------------------------------------------*/
input:invalid, select:invalid { box-shadow: none; }
input, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; }
input[type=text], input[type=password] { background-color: #fff; border: 1px solid #dfdfdf; border-radius: 3px; padding: 4px; outline: 0 none; line-height: 15px; font-family: inherit; font-size: 12px; font-weight: normal; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
input[type=text]:focus, input[type=password]:focus, textarea:focus { border-color: #bbb; }
input[type=text].facefile { padding-right: 123px!important; }
input[type=checkbox], input[type=radio] { vertical-align: -1px; margin-right: 3px; }
textarea { background-color: #fff; border: 1px solid #dfdfdf; border-radius: 3px; padding: 4px; outline: 0 none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; resize: none; }
select { height: 2em; line-height: 15px; margin: 1px; padding: 3px; background-color: #fff; border: 1px solid #dfdfdf; border-radius: 3px; outline: 0 none; font-family: inherit; font-size: 12px; font-weight: normal; vertical-align: middle; }
input[type=submit], input[type=reset], input[type=button] { color: #464646; background: url('images/white-grad.png') repeat-x scroll left top #F2F2F2; border-radius: 11px; border: 1px solid #BBB; cursor: pointer; line-height: 13px; padding: 3px 8px; text-decoration: none; text-shadow: 0 1px 0 #fff; font-family: inherit; font-size: 11px; font-weight: inherit; outline: 0 none; }
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover { border-color: #666; color: #000; }
input[type=submit]:focus, input[type=reset]:focus, input[type=button]:focus { background: url('images/white-grad-active.png') repeat-x scroll left top #eee; }
input[type=submit].bluebtn, input[type=reset].bluebtn, input[type=button].bluebtn { color: #fff; background: url('images/blue-grad.png') repeat-x scroll left top #f2f2f2; border-radius: 11px; border: 1px solid #bbb; cursor: pointer; line-height: 13px; padding: 3px 8px; text-decoration: none; text-shadow: none; font-family: inherit; font-size: 11px; font-weight: bold; outline: 0 none; }
input[type=submit].bluebtn:hover, input[type=reset].bluebtn:hover, input[type=button].bluebtn:hover { border-color: #666; color: #eaf2fa; }
input[type=submit].bluebtn:focus, input[type=reset].bluebtn:focus, input[type=button].bluebtn:focus { background: url('images/blue-grad-active.png') repeat-x scroll left top #eee; }
/* Layout
----------------------------------------------------------*/
#page { margin-left: auto; margin-right: auto; height: auto; min-height: 100%; position: relative; width: 100%; }
header, #header { background-color: #464646; background-image: linear-gradient(bottom, #373737 20%, #464646 80%); color: #ccc; font: 13px/28px sans-serif; height: 28px; width: 100%; }
.headernav li { float: left; border-right: 1px solid #555; }
.headernav li a { border-right: 1px solid #333; display: block; color: #ccc; padding: 0 10px; }
.headernav li a:hover { color: #fff; background-color: #3a3a3a; }
.headeruser { float: right; padding: 0 15px; color: #565656; }
.headeruser a { color: #ccc; }
.headeruser a:hover { color: #fff; }
.headeruser .name { color: #ccc; }
#main { min-height: 600px; overflow: auto; }
#main #container { margin-left: 165px; margin-right: 15px; }
footer { border-top: 1px solid #dfdfdf; color: #777; text-align: right; margin-left: 165px; padding: 15px; }
/* Menu
----------------------------------------------------------*/
#menuback { position: absolute; top: 0; bottom: 0; background: #ececec url('images/shadow.png') repeat-y right top; width: 145px; z-index: -1; }
.menu { position: relative; margin-top: -1px; }
.menu li { position: relative; margin: 0; padding: 0; }
.menu li a { border-top: 1px solid #f9f9f9; border-bottom: 1px solid #dfdfdf; font-weight: bold; padding: 1px 3px 3px 3px; width: 139px; font-size: 13px; line-height: 18px; display: block; color: #21759B; }
.menu li a .fun { vertical-align: -9px; margin: 6px; }
.menu li .child { display: none; }
.menu li.active, .menu li.active:hover { background-color: #777; border-bottom-color: #6D6D6D; border-top-color: #808080; color: #fff; text-shadow: 0 -1px 0 #333; }
.menu li.active a { color: #fff; text-shadow: 0 -1px 0 #333; }
.menu li.active .child, .menu li.active:hover .child { padding: 3px 0; background: #fff url('images/shadow.png') repeat-y right top; border: none; border-radius: 0 0 0 0; box-shadow: none; display: block; }
.menu li.active:hover .child { position: static; background: #fff url('images/shadow.png') repeat-y right top; }
.menu li.active .child li.active { background: none; }
.menu li.active .child li.active a, .menu li.active:hover .child li.active a { color: #000; font-weight: bold; }
.menu li.active .child li a, .menu li.active .child li a:hover { border: none; background: transparent none; font-weight: normal; text-shadow: none; width: 125px; color: #21759B; font-size: 12px; padding: 3px 5px 3px 15px; }
.menu li.active .child li a:hover { color: #333; }
.menu li.active .arrow, .menu li.active:hover .arrow { background-color: #777; border-bottom-color: #DFDFDF; border-top-color: #F9F9F9; -moz-transform: translate(145px); border-style: solid; border-width: 1px 0; height: 32px; margin: 0; position: absolute; right: 100%; width: 6px; z-index: 150; top: 0; }
.menu li.active .arrow div, .menu li.active:hover .arrow div { background-color: #777; border-color: #CCCCCC; border-style: solid; border-width: 0 0 1px 1px; -moz-transform: matrix(-0.6, 1, 0.6, 1, 0, 0); width: 15px; height: 15px; position: absolute; top: 6px; left: -1px; }
.menu li:hover { background: #e4e4e4 url('images/shadow.png') repeat-y right top; }
.menu li:hover .child { display: block; position: absolute; top: 0; left: 145px; padding: 4px 0; background: #fff none; border: 1px solid #dfdfdf; border-radius: 0 3px 3px 0; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); z-index: 100; }
.menu li:hover .child li { background: transparent none; }
.menu li:hover .child a { border: none; font-weight: normal; text-shadow: none; width: 125px; color: #21759B; font-size: 12px; padding: 3px 5px 3px 15px; }
.menu li:hover .child a:hover { background-color: #eaf2fa; }
.menu li:hover .arrow { background-color: #E4E4E4; border-bottom-color: #DFDFDF; border-top-color: #F9F9F9; -moz-transform: translate(145px); border-style: solid; border-width: 1px 0; height: 32px; margin: 0; position: absolute; right: 100%; width: 6px; z-index: 150; top: 0; }
.menu li:hover .arrow div { background-color: #E4E4E4; border-color: #ccc; border-style: solid; border-width: 0 0 1px 1px; -moz-transform: matrix(-0.6, 1, 0.6, 1, 0, 0); width: 15px; height: 15px; position: absolute; top: 6px; left: -1px; }
.menu li.nochild:hover .arrow { display: none; }
.menu li.active:hover .arrow { display: block; }
/* Elements style
----------------------------------------------------------*/
.titlepage a { background-color: #f1f1f1; font-size: 12px; font-weight: normal; margin: 0 5px; padding: 3px 8px; vertical-align: 2px; border-radius: 3px; }
.titlepage img { margin-right: 6px; vertical-align: -8px; }
.lstsearch { margin-bottom: 5px; }
.wp-list { table-layout: fixed; background-color: #f9f9f9; border-spacing: 0; margin: 0 0 15px 0; width: 100%; border: 1px solid #dfdfdf; border-radius: 3px 3px 3px 3px; border-collapse: separate; color: #333; }
.wp-list th { background-color: #f1f1f1; background-image: -moz-linear-gradient(center top , #f9f9f9, #ececec); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); padding: 7px 7px 8px; border-bottom: 1px solid #dfdfdf; text-align: left; }
.wp-list th.first { border-top-left-radius: 3px; }
.wp-list th.last { border-top-right-radius: 3px; }
.wp-list td { padding: 7px 7px 8px; border-bottom: 1px solid #dfdfdf; border-top: 1px solid #fff; }
.wp-list tr:nth-child(even) { background-color: #fcfcfc; }
.wp-list tr:hover { background-color: #fff; }
.wp-list tr:hover .action { visibility: visible; }
.wp-list .fixed { margin: 1px 5px 1px 0; padding: 1px; }
.wp-fwrap { table-layout: fixed; border-spacing: 0; width: 100%; margin-bottom: 15px; }
.wp-fwrap td { vertical-align: top; }
.wp-fwrap .action { width: 250px; padding-left: 15px; }
.wp-fwrap .subform { width: 35%; padding-left: 15px; }
.subform .title { margin: 8px 0 5px 0; }
.subform form { background-color: #fcfcfc; border: 1px solid #dfdfdf; border-radius: 4px; padding: 10px; margin-bottom: 15px; }
.subform label, .subform .break { display: block; margin-bottom: 10px; }
.subform input[type=text], .subform textarea { width: 100%; }
.subform select { max-width: 100%; }
.subform .sfaction input { margin-right: 10px; }
.manform label, .manform .break { display: block; margin-bottom: 10px; }
.manform input[type=text], .manform textarea { width: 100%; }
.manform input[type=text]#title { font-size: 18px; }
.manform input[type=text]#tags { border-radius: 0; }
.manform .count { color: #dfdfdf; font-size: 10px; margin: 0 5px; float: right; }
.manform .box { margin: 17px 0; }
.manform .box input[type=submit] { margin: 10px; }
.manform .clst { max-height: 387px; overflow-y: scroll; }
.manform .clst input[type=text]#catid { margin: 0; padding: 0; visibility: hidden; height: 1px; }
.manform .clst label.error { margin: 0 0 -12px 0; padding: 5px; }
.manform .clst span { cursor: pointer; }
.manform .clst span.active { font-weight: bold; color: #ff0000; }
.bigform { background-color: #fcfcfc; border: 1px solid #dfdfdf; border-radius: 4px; padding: 10px; margin-bottom: 15px; }
.bigform label, .bigform .break { display: block; margin-bottom: 10px; }
.bigform input[type=text], .bigform textarea { width: 100%; }
.bigform input[type=text]#title { font-size: 18px; }
.bigform .bfaction input { margin-right: 10px; }
.box { border: 1px solid #dfdfdf; background-color: #f5f5f5; background-image: -moz-linear-gradient(center top , #f9f9f9, #f5f5f5); border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 0 #fff inset; }
.box .title { color: #464646; font-size: 15px; font-weight: normal; line-height: 1; padding: 7px 10px; box-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff; background-color: #f1f1f1; background-image: -moz-linear-gradient(center top , #f9f9f9, #ececec); font-family: Georgia, "Times New Roman" , "Bitstream Charter" ,Times,serif; }
.box .break { border-bottom: 1px solid #dfdfdf; box-shadow: 0 1px 0 #fff; }
.svlst { margin: 0; padding: 0; list-style-type: none; border-top: 1px solid #dfdfdf; display: block; overflow: auto; }
.svlst li { float: left; margin: 10px; text-align: center; text-shadow: 0 1px 0 #fff; border: 1px solid #dfdfdf; border-radius: 4px; background-color: #f1f1f1; background-image: -moz-linear-gradient(center top , #f9f9f9, #ececec); }
.svlst li:hover { box-shadow: 0 2px 3px #ccc; }
.svlst li a { width: 164px; height: 50px; line-height: 50px; display: block; }
.tree li { margin-bottom: 5px; }
.tree li .iclose { vertical-align: -1px; margin-left: 3px; }
/* Comments item
----------------------------------------------------------*/
.citem .info { color: #E20A17; }
.citem .email { color: #909090; }
.citem .date { color: #909090; }
.citem .title { margin-bottom: 3px; }
.citem .action { margin-top: 5px; }
.citem .action a { margin-right: 7px; }
/* Ify
----------------------------------------------------------*/
.ify { position: absolute; top: 18px; right: 0; z-index: 1800; }
.downloadify { position: relative; display: inline-block; margin-bottom: 1em; height: 25px; line-height: 25px; }
.downloadify-button { cursor: pointer; padding: 0 5px; }
.downloadify-progress { display: none; position: absolute; top: 25px; right: 0px; background-color: #f5f5f5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font: 11px Verdana, Geneva, sans-serif; margin-top: 5px; max-width: 350px; padding: 10px; z-index: 1000; }
.uploadify { position: relative; display: inline-block; margin-bottom: 1em; }
.uploadify-button { background-color: #505050; background-image: linear-gradient(bottom, #505050 0%, #707070 100%); background-image: -o-linear-gradient(bottom, #505050 0%, #707070 100%); background-image: -moz-linear-gradient(bottom, #505050 0%, #707070 100%); background-image: -webkit-linear-gradient(bottom, #505050 0%, #707070 100%); background-image: -ms-linear-gradient(bottom, #505050 0%, #707070 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #505050), color-stop(1, #707070) ); background-position: center top; background-repeat: no-repeat; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; color: #fff; font: bold 10px Arial, Helvetica, sans-serif; text-align: center; text-shadow: 0 -1px 0 rgba(0,0,0,0.25); width: 100%; }
.uploadify:hover .uploadify-button { background-color: #606060; background-image: linear-gradient(top, #606060 0%, #808080 100%); background-image: -o-linear-gradient(top, #606060 0%, #808080 100%); background-image: -moz-linear-gradient(top, #606060 0%, #808080 100%); background-image: -webkit-linear-gradient(top, #606060 0%, #808080 100%); background-image: -ms-linear-gradient(top, #606060 0%, #808080 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #606060), color-stop(1, #808080) ); background-position: center bottom; }
.uploadify-button.disabled { background-color: #d0d0d0; color: #808080; }
.uploadify-queue { position: absolute; top: 25px; right: 0px; z-index: 1000; }
.uploadify-queue-item { background-color: #f5f5f5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font: 11px Verdana, Geneva, sans-serif; margin-top: 5px; max-width: 350px; padding: 10px; }
.uploadify-error { background-color: #fde5dd!important; }
.uploadify-queue-item .cancel a { background: url('images/uploadify-cancel.png') 0 0 no-repeat; float: right; height: 16px; text-indent: -9999px; width: 16px; }
.uploadify-queue-item.completed { background-color: #E5E5E5; }
.uploadify-progress { background-color: #E5E5E5; margin-top: 10px; width: 100%; }
.uploadify-progress-bar { background-color: #0099FF; height: 3px; width: 1px; }
/* Load & messenger
----------------------------------------------------------*/
.loadbox { position: absolute; top: 90%; left: 90%; z-index: 100; }
.msgbox { background-color: #faf988; border: 1px solid #ccc; box-shadow: 1px 0 3px #ccc; height: 100px; width: 100%; text-align: center; position: fixed; left: 0; bottom: 0; z-index: 100; font-size: 25px; line-height: 90px; display: none; }
/* Pagination
----------------------------------------------------------*/
.pagination { text-align: right; padding: 3px 0 3px 3px; font-weight: bold; }
.pagination .total { float: left; }
.pagination a { margin: 0 2px; padding: 0 2px; display: inline-block; }
.pagination .disabled { display: inline-block; margin: 0 2px; padding: 0 2px; }
.pagination .curpage { display: inline-block; margin: 0 2px; padding: 0 2px; font-size: 16px; }
/* Icon sprite
----------------------------------------------------------*/
.ico { background-image: url('images/sprites.png'); }
/*R0*/
.icheck { background-position: 0 0; width: 16px; height: 14px; }
.iclose { background-position: -16px 0; width: 10px; height: 10px; }
.iclose:hover { background-position: -32px 0; }
.ifix { background-position: -48px 0; width: 16px; height: 16px; }
.idown { background-position: -64px 0; width: 16px; height: 16px; }
/*R16*/
.iadd { background-position: 0 -16px; width: 27px; height: 27px; }
.iok { background-position: -32px -16px; width: 27px; height: 27px; }
.idouble { background-position: -64px -16px; width: 27px; height: 27px; }
.ierr { background-position: -96px -16px; width: 27px; height: 27px; }
.iload { background-position: -128px -16px; width: 27px; height: 27px; }
/*R48*/
.iloadbox { background-position: 0 -48px; width: 39px; height: 39px; }
/*R96*/
.STATUS0 { background-position: 0 -96px; width: 16px; height: 16px; }
.STATUS1 { background-position: -16px -96px; width: 16px; height: 16px; }
.STATUS2 { background-position: -32px -96px; width: 16px; height: 16px; }
.STATUS3 { background-position: -48px -96px; width: 16px; height: 16px; }
.STATUS4 { background-position: -64px -96px; width: 16px; height: 16px; }
.STATUS5 { background-position: -80px -96px; width: 16px; height: 16px; }
/* Function sprite
----------------------------------------------------------*/
.fun { background-image: url('images/icon.png'); }
.fhome { background-position: 0 0; width: 32px; height: 32px; }
.fmhome { background-position: -32px 0; width: 16px; height: 16px; }
.fsetting { background-position: 0 -32px; width: 32px; height: 32px; }
.fmsetting { background-position: -32px -32px; width: 16px; height: 16px; }
.ftool { background-position: 0 -64px; width: 32px; height: 32px; }
.fmtool { background-position: -32px -64px; width: 16px; height: 16px; }
.fuser { background-position: 0 -96px; width: 32px; height: 32px; }
.fmuser { background-position: -32px -96px; width: 16px; height: 16px; }
.fpage { background-position: 0 -128px; width: 32px; height: 32px; }
.fmpage { background-position: -32px -128px; width: 16px; height: 16px; }
.flink { background-position: 0 -160px; width: 32px; height: 32px; }
.fmlink { background-position: -32px -160px; width: 16px; height: 16px; }
.fmedia { background-position: 0 -192px; width: 32px; height: 32px; }
.fmmedia { background-position: -32px -192px; width: 16px; height: 16px; }
.fvideo { background-position: 0 -224px; width: 32px; height: 32px; }
.fmvideo { background-position: -32px -224px; width: 16px; height: 16px; }
.fvote { background-position: 0 -256px; width: 32px; height: 32px; }
.fmvote { background-position: -32px -256px; width: 16px; height: 16px; }
.fpost { background-position: 0 -288px; width: 32px; height: 32px; }
.fmpost { background-position: -32px -288px; width: 16px; height: 16px; }